/* ./src/index.css */

/*! @import */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply font-bold
  }

  h1 {
    @apply text-6xl
  }

  h2 {
    @apply text-5xl
  }

  h3 {
    @apply text-4xl
  }

  h4 {
    @apply text-3xl
  }

  h5 {
    @apply text-2xl
  }

  h6 {
    @apply text-xl
  }

  .w-1200-container {
    width: 1200px;
    max-width: 1200px;
    @apply m-auto overflow-hidden text-t333;
  }
  .content-container{
    @apply flex pb-20;
  }
  .main-box {
    @apply w-2/3 p-2;
  }
  .aside-box{
    @apply w-1/3 pl-4;
  }
  .info-container{
    padding-top: 40px;
  }


  /* a 链接 */
  .alink,
  .alink-white {
    @apply cursor-pointer text-t333 hover:text-blue-500;
    .title{
      @apply text-t333;
    }

    &:hover{
      .title{
        @apply text-blue-500;
      }
    }
  }
  .alink-white{
    @apply text-white;
  }

  .content-contain{
    @apply my-8
  }
}


